<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>CSS布局示例</title>
    <style>
        /* 选择所有的span元素 */
        span {
            /* 将span元素（默认是行内元素）设置为块级元素，块级元素会独占一行，方便进行布局调整 */
            display: block;
            /* 设置宽度为150像素 */
            width: 150px;
            /* 设置高度为50像素 */
            height: 50px;
            /* 设置背景颜色为黄色，用十六进制颜色值表示 */
            background-color: #ffff00;
            /* 设置元素之间的外边距，这里是上下外边距为10像素，让元素之间有一定间隔 */
            margin: 10px;
        }
    </style>
</head>

<body>
    <span>第一个span元素</span>
    <span>第二个span元素</span>
    <span>第三个span元素</span>
</body>

</html>